<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>首页</title>
    <link rel="stylesheet" href="../css/layer.css"/>
    <script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/bottom/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/bottom/iconfont2.css">
    <link rel="stylesheet" type="text/css" href="../css/cover.css">
    <script type="text/javascript" src="../js/layer.js" ></script>
    <script type="text/javascript" src="../js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="../js/itnetcao.js"></script>
    
    <style type="text/css">
    *{margin: 0px; padding: 0px;}
    html,body{
        height: 100%;
        font-family: "微软雅黑";
    } 
#main{
      height: 5rem;
    }
#main #yd{
          position:relative;
          margin-top:-0.8rem;
          width:1.5rem;
          margin-left:4.3rem;
  }
#main #yd li {
            list-style:none;
            width:0.2rem; height:0.2rem;
            background-color:#ccc;
            float:left; margin:0.05rem;
            border-radius:1rem;
            text-align:center;
            line-height:0.2rem;
        }
#main #changeImage{
         height: 5rem;
        }
  #navigation{
          height: 100%;
          width: 100%;
          margin: 0px auto;
      }
  #navigation2{
          height: 5.5rem;       
      }
  #navigation2 .ul{    
        width: 100%;
      }

 #navigation2 .ul li{
        list-style: none;
        width:25%;     
        margin-top:0.2rem;
        float: left;
 }

 #navigation2 .dh div{
 		background-color:#008080;
   		width:1.5rem;
        height:1.5rem;
        border-radius: 1rem;
        margin: 4px;
      }
 .dh span{
       	display: block;
        text-align: center;
        color: #000000;
        font-size: 0.4rem;
        font-family: "微软雅黑";
      	-webkit-transform:scale(0.91);
      }
.phb{
      height:0.8rem;
      margin-top:0.3rem;
      vertical-align: middle;
    }
    
.mohe{
          height: 1.8rem;
          border: 1px solid #fff;
          border-bottom: 1px solid #ccc;
    }
    
.mohe dt{
   		width:1.8rem;
        height:1.8rem;
        margin-left:-8.2rem;
        margin-top:0.1rem;     
       
    }
   
.mohe .guangaoimg{
          height: 1.6rem;
          width:1.6rem;
          vertical-align: middle; 
          margin-top:-0.1rem; 
    }
.mohe .dd{
		  font-family: "微软雅黑";
          font-size: 0.35rem;
          float: left;
          color: #000000; 
          margin-left:2rem;
          margin-top:-1.5rem;
    }
.mohe .span{
  	        	             
            font-size: 0.2rem; 
            -webkit-transform:scale(0.9);     		
            float: left;
            margin-left:1.9rem;
            margin-top:-1rem;
    }
    </style>

</head>
<body style="overflow-x: hidden;">
    <div id="wrap">
            <!--头部-->
        <div id="main" class="flex-con">
          <img id="changeImage" src="../image/a0.jpg">

          <ul id="yd">
           <li style = "background-color:rgb(255,201,12)"></li>
           <li></li>
           <li></li>
        </ul>
       </div>
           <!--中间-->
   
    <div id="navigation" >
        <div id="navigation2" align="center">
        <ul class="ul" >
	        <li class="dh"   onclick="location.href='listtop.html'">
		       <div style="background-color:#9370DB">
		       		<img class="phb" src="../image/paihangbang1.png"></div> 
		         <span>排行榜</span>
	         </li>
	         <li class="dh" onclick="buttonClick();">
		           <div style="background-color:#4169E1"><img class="phb" src="../image/fuli.png"></div> 
		           <span>福利</span>
	         </li>
	         <li class="dh" onclick="buttonClick();">
		          <div style="background-color:	#20B2AA"><img class="phb" src="../image/faguanggao.png"></div> 
		           <span>XTS广告</span>
	         </li>
	         <li class="dh" onclick="buttonClick();">
		          <div> <img class="phb" src="../image/xtsliang.png"></div> 
		           <span>XTS量</span>
	         </li>
     
	         <li class="dh" onclick="dakaClick();" >
		          <div style="background-color:	#6495ED"><img class="phb" src="../image/qiandao.png"></div> 
		          <span>签到</span>
	        </li>
	        <li class="dh" onclick="buttonClick();">
		         <div style="background-color:#DA70D6"><img class="phb" src="../image/lvyou.png"></div> 
		         <span>旅游</span>
	       </li>
	       <li class="dh" onclick="buttonClick();">
		        <div style="background-color:#4682B4"><img class="phb" src="../image/shangcheng.png"></div> 
		        <span>商城</span>
	      </li>
	      <li class="dh" onclick="buttonClick();">
		       <div style="background-color:#DB7093"><img class="phb" src="../image/shangcheng (2).png"></div> 
		       <span>商户</span>
	     </li>
      </ul>
    </div>
           <!--灰色线段-->
      <div style="background-color: #ccc;height: 0.2rem;"></div>

          <!--公告详情部分-->
    <div id="guanggao">
        <div style="height: 0.8rem;">
          <p style="background-color: #eea762;height: 0.4rem;width: 0.15rem;float: left; margin-top:0.3rem; "></p>
          <p style="font-size: 0.35rem;float: left;margin-left:0.2rem;margin-top:0.3rem;">公告</p>
        </div>
        
        <div id="div1" class="mohe" onclick="location.href='trading_6.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">系统重要通知</dd>
              <span class="span">2018-06-11</span>
            </dl>
    </div>
        
        <div id="div2" class="mohe" onclick="location.href='trading_5.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">重大通知 </dd>
              <span class="span">2018-06-04</span>
            </dl>
    </div>
        
        <div id="div3" class="mohe" onclick="location.href='trading_4.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">注册认证公告 </dd>
              <span class="span">2018-06-02</span>
            </dl>
    </div>
        
        <div id="div4" class="mohe" onclick="location.href='trading.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">XTS推广中国区 </dd>
              <span class="span">2018-05-29</span>
            </dl>
    </div>

    <div id="div5" class="mohe" onclick="location.href='trading_1.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">社区福利说明</dd>
              <span class="span">2018-05-29</span>
            </dl>
    </div>

    <div id="div6" class="mohe" onclick="location.href='trading_2.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">xts火爆来袭</dd>
              <span class="span">2018-05-29</span>
            </dl>
    </div>
    <div id="div7" class="mohe" onclick="location.href='trading_3.html'">
            <dl>
              <dd><img class="guangaoimg" src="../image/logoxts.png"/></dd>
              <dd style='height:0.3rem;'></dd>
              <dd class="dd">xts交易注意的事项</dd>
              <span class="span">2018-05-29</span>
            </dl>
    </div>

  </div>
    </div>
  </div>
<script type="text/javascript">
  function buttonClick(){
    layer.open({
      anim: 'up'
      ,content: '开发中，敬请期待'
      ,btn: ['确认'],
      yes: function(index){
          location.reload();
          layer.close(index);
    }
   })
  }
</script>
<script type="text/javascript">
function dakaClick(){
	var userId = jQuery.parseJSON(localStorage.getItem("miningmachine_user")).userId;
	itcao.itGetAjaxBigData(localStorage.getItem("url") + "/user/controller/UserSignInAPP.do", "userId=" + userId).done(function(result) {
		try{
			var json = jQuery.parseJSON(result);
			layer.open({
				anim: 'up',
				content: json.state == true ? "签到成功" : json.value,
				yes : function(index) {
					layer.close(index);
				}
			})
		}catch(e) {
			alert(e);
		}
	})
}
</script>
<script type="text/javascript">
        var i = 0;
        function chgImg() { //图片改变事件
            i++;
            if (i>2) {
                i = 0;
            }
          document.getElementById("changeImage").src = "../image/a" + i + ".jpg";
          for(var y=0; y<document.getElementById("yd").children.length; y++) {
              document.getElementById("yd").children[y].style = "background-color:#ccc";
          }
            document.getElementById("yd").children[i].style= "background-color:rgb(255,201,12);";
        }
        var s = setInterval(chgImg, 2000);//开启定时器
</script>
<script type="text/javascript">
           (function() {
       				var supportsOrientationChange = 'onorientationchange' in window ? 'orientationchange' : 'resize';
       				var timeoutId;

       				function setRem() {
       					var clientWidth = document.documentElement.clientWidth;
       					var nowPX = clientWidth / 1024 * 100;
       					document.documentElement.style.fontSize = nowPX + 'px';
       				}

       				setRem();
       				window.addEventListener(supportsOrientationChange, function() {
       					clearTimeout(timeoutId);
       					timeoutId = setTimeout(function() {
       						setRem();
       					}, 300);
       				}, false);

              document.getElementById("changeImage").style = "width:" + document.body.clientWidth + "px";//获取图片宽度
       			})();

</script>
</script>
</body>

</html>
